<template>
    <div>
        <!-- lunbotuList属于父组件向子组件传值来设置 -->

        <mt-swipe :auto="4000">
            <mt-swipe-item>
                <img src="../../images/lb1.jpg" alt="">              
            </mt-swipe-item>
            <mt-swipe-item>
                <img src="../../images/lb2.jpg" alt="">
            </mt-swipe-item>
            <mt-swipe-item>
                 <img src="../../images/lb3.jpg" alt="">
            </mt-swipe-item>         
        </mt-swipe>

        <!-- <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
                <img :src="item.img" alt="" :class="full:isFull">
            </mt-swipe-item>          
        </mt-swipe> -->

    </div>
</template>

<script>
export default {
    props:["lunbotuList"]//接收首页传过来的lunbotuList数据(父组件向子组件传值)
    // props:["lunbotuList","isFull"]
}
</script>

<style lang="scss" scoped>
    .mint-swipe{
        height:200px;
        .mint-swipe-item{
            &:nth-child(1) {
                background-color: pink;
            }
            &:nth-child(2) {
                background-color: skyblue;
            }
            &:nth-child(3) {
                background-color: cyan;
            }
            img {
                width: 100%;
                height: 100%             
            }
        }
        // .full {
        //     width: 100%;
        //     height: 100%
        // }
    }
</style>
